<template>
  <div class="card-box">
    <div class="card-title">资金监管付款表</div>
    <div class="template-head">
      <span class="template-head-font">福田区政府物业管理中心资金监管付款表</span>
      <span class="head-time">单位名称: {{user.deptName}}</span>
      <br />
      <span class="head-time">{{todayTime}}</span>
    </div>
    <div class="table-div">
      <el-form :rules="rules" status-icon :model="printData" ref="form">
        <table class="approve-form-table">
          <tr>
            <td rowspan="12">一</td>
            <td rowspan="12">工程概况（施工单位填写）</td>
            <td>工程名称</td>
            <td colspan="4">
              <el-form-item prop="approvalName">
                <el-input v-halfCharCode type="input" class="table-input" v-model="printData.approvalName" maxlength="64" placeholder="请输入工程名称（最大长度64位)" />
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>工程进度</td>
            <td colspan="4">
              <el-form-item prop="jobSchedule">
                <el-select clearable v-model="printData.jobSchedule">
                  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
                </el-select>
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>审计单位（预算/结算）</td>
            <td colspan="4">
              <el-form-item prop="auditUnit">
                <el-input v-halfCharCode type="input" class="table-input" v-model="printData.auditUnit" maxlength="64" placeholder="请输入审计单位(最大长度为64位)" />
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>本次申请付款额(元)</td>
            <td colspan="4">
              <el-form-item prop="reqPricet">
                <el-input
                  type="number"
                  class="table-input"
                  v-model="printData.reqPricet"
                  v-only-number="{min:0,precision:2}"
                  oninput="if(value.length>=12)value=value.slice(0,12)"
                  placeholder="请输入申请付款额(最大长度为12位,且最小为0)"
                  min="0"
                  @mousewheel.native.prevent
                  @blur="handleTotalPrices"
                />
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>批准文号及投资额(元)</td>
            <td colspan="4">
              <el-form-item prop="approvalNumber">
                <el-input
                  v-halfCharCode
                  type="input"
                  v-model="printData.approvalNumber"
                  maxlength="36"
                  style="width: 45%;margin-right: 2%;float:left;"
                  placeholder="请输入批准文号(最大长度为36位)"
                  @blur="handleapprovalNumber"
                />
              </el-form-item>
              <el-form-item prop="investmentAmount">
                <el-input
                  type="number"
                  v-only-number="{min:0,precision:2}"
                  v-model="printData.investmentAmount"
                  oninput="if(value.length>=12)value=value.slice(0,12)"
                  @mousewheel.native.prevent
                  style="width: 45%;margin-right: 2%;float:left;"
                  placeholder="请输入投资额(最大长度为12位)"
                  @blur="handleinvestmentAmount"
                />
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>代建合同金额(元)</td>
            <td colspan="4">
              <el-form-item prop="agentContractPrice">
                <el-input
                  type="number"
                  class="table-input"
                  v-model="printData.agentContractPrice"
                  oninput="if(value.length>=12)value=value.slice(0,12)"
                  v-only-number="{min:0,precision:2}"
                  placeholder="请输入代建合同金额(最大长度为12位,且最小为0)"
                  min="0"
                  @mousewheel.native.prevent
                  @blur="handleagentContractPrice"
                />
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>中标价(元)</td>
            <td colspan="4">
              <el-form-item prop="bidPrice">
                <el-input
                  type="number"
                  class="table-input"
                  v-model="printData.bidPrice"
                  v-only-number="{min:0,precision:2}"
                  oninput="if(value.length>=12)value=value.slice(0,12)"
                  placeholder="请输入中标价(最大长度为12位,且最小为0)"
                  min="0"
                  @mousewheel.native.prevent
                  @blur="handbidPrice"
                />
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>预算价(元)</td>
            <td colspan="4">
              <el-form-item prop="budgetPrice">
                <el-input
                  type="number"
                  class="table-input"
                  v-model="printData.budgetPrice"
                  oninput="if(value.length>=12)value=value.slice(0,12)"
                  placeholder="请输入预算价(最大长度为12位,且最小为0)"
                  min="0"
                  v-only-number="{min:0,precision:2}"
                  @mousewheel.native.prevent
                  @blur="handbudgetPrice"
                />
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>结算价(元)</td>
            <td colspan="4">
              <el-form-item prop="settlementPrice">
                <el-input
                  type="number"
                  class="table-input"
                  v-only-number="{min:0,precision:2}"
                  v-model="printData.settlementPrice"
                  oninput="if(value.length>=12)value=value.slice(0,12)"
                  placeholder="请输入结算价(最大长度为12位,且最小为0)"
                  min="0"
                  @mousewheel.native.prevent
                  @blur="handsettlementPrice"
                />
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>已付款情况（资金监管）</td>
            <td colspan="4">
              <el-form-item prop="paymentStatus">
                <el-input v-halfCharCode type="textarea" v-model="printData.paymentStatus" placeholder="请输入已付款情况(最大长度为400位)" maxlength="400" :autosize="{ minRows: 6, maxRows: 10}"></el-input>
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>工程余款(元)</td>
            <td colspan="4">
              <el-form-item prop="balance">
                <el-input
                  type="number"
                  class="table-input"
                  v-only-number="{min:0,precision:2}"
                  v-model="printData.balance"
                  oninput="if(value.length>=12)value=value.slice(0,12)"
                  placeholder="请输入工程余款(最大长度为12位,且最小为0)"
                  min="0"
                  @mousewheel.native.prevent
                  @blur="handlebalance"
                />
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>业务部门审核</td>
            <td>业务经办人</td>
            <td>
              <el-form-item prop="businessAgent">
                <el-input v-halfCharCode type="input" v-model="printData.businessAgent" placeholder="请输入业务经办人(最大长度为25位)" maxlength="25" />
              </el-form-item>
            </td>
            <td>部门负责人</td>
            <td>
              <el-form-item prop="departmentHead">
                <el-input v-halfCharCode type="input" v-model="printData.departmentHead" placeholder="请输入部门负责人(最大长度为25位)" maxlength="25" />
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>二</td>
            <td>分管领导审批</td>
            <td colspan="5">
              <el-form-item prop="chargeApprove">
                <el-input v-halfCharCode type="textarea" v-model="printData.chargeApprove" placeholder="请输入分管领导审批(最大长度为64位)" maxlength="64" :autosize="{ minRows: 6, maxRows: 10}"></el-input>
              </el-form-item>
            </td>
          </tr>
        </table>
      </el-form>
    </div>
  </div>
</template>

<script src="./js/fund-supervision-payment-form.js">
</script>

<style scoped lang="scss">
.card-box {
  margin: 0 !important;
  padding: 0 !important;
}
@import "./scss/fund-supervision-payment-form";
</style>
